<%-- 
    Document   : comprar
    Created on : 31-dic-2012, 13:49:49
    Author     : Cannibal-Slayer
--%>

<%@page contentType="text/html" pageEncoding="UTF-8" session="true" import="java.util.*" import="recursos.*"%>

<!DOCTYPE html>
<html lang="en">
    <head>
        <title>guatebay</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Amaranth_400.font.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript" src="js/scroll.js"></script>
        <script type="text/javascript" src="js/atooltip.jquery.js"></script>
        <script>
            function Ejecutar()
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        document.getElementById("dinamico").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","parametros_compra.jsp",true);
                xmlhttp.send();
            }
            function Ejecutar2(form)
            {
                var xmlhttp;
                if (window.XMLHttpRequest)
                {// code for IE7+, Firefox, Chrome, Opera, Safari
                    xmlhttp=new XMLHttpRequest();
                }
                else
                {// code for IE6, IE5
                    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
                xmlhttp.onreadystatechange=function()
                {
                    if (xmlhttp.readyState==4 && xmlhttp.status==200)
                    {
                        document.getElementById("dinamico2").innerHTML=xmlhttp.responseText;
                    }
                }
                xmlhttp.open("GET","generar_compra.jsp?nombre=" + form.nombre_shipping.value + "&shipping=" + form.tipo_shipping.value + "&region=" + form.region.value + "&pago=" + form.tipo_pago.value,true);                                            
                xmlhttp.send();
            }
            
        </script>
    </head>
    <body>       
        <div class="extra">
            <div id="page_3">
                <div class="main">
                    <!--header -->

                    <table width="800" border="1" id="encabezado" > 
                        <tr> 
                            <td width="600" align="center"><p align="left"> <a target="frame"><img src="images/guatebay_logo.jpg" alt="">      </a>  </p> </td> 
                            <td width="800" align="center">
                                <br>    
                                <p align="right"> 
                                    <%
                                        String usuario = (String) session.getAttribute("usuario");
                                        out.print("Bienvenido: " + usuario);
                                    %>
                                </p>
                                <p align="right"> <a href="">Cerrar Sesion</a></p>   
                            </td> 
                        </tr>
                    </table>

                    <header>  
                        <br>  
                        <nav>
                            <ul class="menu">
                                <li><a href="catalogo.jsp">Catálogo</a></li>
                                <li><a href="vender.jsp">Vender</a></li>
                                <li><a href="comprar.jsp">Comprar</a></li>
                                <li><a href="#page_2">Perfil</a></li>
                            </ul>
                        </nav>
                    </header>
                    <!--header end-->
                    <!--content -->                    
                    <section class="content">
                        <h2>Listado de Productos</h2>

                        <table width="687" border="3" id="tablaPrincipal" > 
                            <tr> 
                                <th width="138" align="center">Imagen</th> 
                                <th width="117" align="center">Nombre</th> 
                                <th width="117" align="center">Descripcion</th> 
                                <th width="128" align="center">Precio de Venta</th> 
                                <th width="128" align="center">Precio Acumulado</th> 
                            </tr>

                            <%
                                LinkedList carrito = (LinkedList) session.getAttribute("carrito");
                                double total = 0;
                                String color = "";

                                for (int x = 0; x < carrito.size(); x++) {

                                    if (x % 2 == 0) {
                                        color = "CC6600";
                                    } else {
                                        color = "white";
                                    }

                                    articulo_carrito articulo = (articulo_carrito) carrito.get(x);
                                    total += articulo.articuloPrecio;

                                    out.print("<tr>");
                                    out.print("<td align=\"center\" bgcolor=\"" + color + "\">" + "<img src=" + articulo.articuloimagen + " alt=\"imagen\">" + "</td>");
                                    out.print("<td align=\"center\" bgcolor=\"" + color + "\">" + articulo.articuloNombre + "</td>");
                                    out.print("<td align=\"center\" bgcolor=\"" + color + "\">" + articulo.articuloDescripcion + "</td>");
                                    out.print("<td align=\"center\" bgcolor=\"" + color + "\">" + articulo.articuloPrecio + "</td>");
                                    out.print("<td align=\"center\" bgcolor=\"" + color + "\">" + total + "</td>");
                                    out.print("</tr>");

                                }

                                session.setAttribute("costo_total", total);
                            %>
                        </table>
                        <br>

                        <!--ajax-->


                        <form>
                            <button type="button" onclick="Ejecutar()">Definir Shippingh</button>
                            <br><br>                                    



                            <!--ajax end-->

                        </form>
                        <div id="dinamico"></div>
                        <br>
                        <br>
                        <br>
                        <div id="dinamico2"></div>
                    </section>
                    <!--content end-->
                </div>
                <div class="block"></div>
            </div>
        </div>
        <div class="main">  
            <!--footer -->
            <footer>
                <ul class="icons">
                    <li>Análisis y Diseño de Sistemas 2 (Proyecto de Clase)</li>
                    <li><a href="#" class="normaltip"><img src="images/icon1.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon2.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon3.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon4.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon5.jpg" alt=""></a></li>
                    <li><a href="#" class="normaltip"><img src="images/icon6.jpg" alt=""></a></li>
                </ul>
            </footer>
            <!--footer end-->
        </div>    
    </body>
</html>
